@charset "utf-8";
@import url("common.css");
@import url("page.css");
@import url("swiper-3.4.2.min.css");
/*公用*/
body{ background-color:#fff; font-family:"微软雅黑";}
a{text-decoration:none; outline:0 none;}
.w{ min-width:1200px; max-width:1920px;}
.w_1{ width:1200px; margin:0 auto;}
.bgf{ background-color:#fff;}
.bg0{ background-color:#000}
.bor_bot{border-bottom: #e0e0e0 1px solid;}
.bg_1{ background:#197fe7;}
.bg_2{ background:url(../images/bg_1.jpg) top repeat-x;}
/*top*/
.top{border-bottom: #e0e0e0 1px solid;}
.top p{font-size: 14px;line-height: 30px;color: #909090;}
.top p a{color: #909090;padding: 0 5px;}
.top p a:hover{color: #5f5f5f}
/*logo*/
.logo{line-height: 0;}
.tel{margin-top: 28px;background: url(../images/tel.jpg) left center no-repeat;padding-left: 65px;font-size: 22px;color: #979797;position: relative;}
.tel:before{content: '';width: 2px;height: 65px;display:block;position: absolute;left: 60px;top: 0;background-color: #555}
.tel span{color: #979797;line-height: 65px;}
.tel span strong {color: #fe7b02;}
.tel h1{color: #fe7b02;font-size: 28px;line-height: 30px;}
/*nav*/
.nav{height: 55px;}
.nav ul li{float: left;position: relative;}
.nav ul li a{display: block;border-right: #4697ea 1px solid;font-size: 16px;line-height: 55px;color: #fff;text-align: center;}
.nav ul li:last-child a{border-right: none;}
.nav ul li a:hover,.nav ul li.on a{background-color: #021931;border-right: none; }
.nav li ul.menu{ padding:0;position:absolute;display:none; height:auto; width:100%; overflow:hidden; opacity: 0;filter: alpha(opacity=0); height:auto;z-index:1000000000;clear:both;background-color: #021931}
.nav li ul.menu li{ width:100%; padding:0; float:none; margin:0 auto; overflow:hidden; border-bottom:#757575 1px solid; background:none;}
.nav li ul.menu li a{line-height:40px;color:#fff;padding:0;background:none;height:40px; font-size:16px; font-weight:normal; text-align:center; margin:0;text-transform: uppercase;width: 100%;}
.nav li ul.menu li:hover a{color:#fff;background:#197fe7;}
/*banner*/
.banner{ height:390px; overflow:hidden; margin:0px auto 0;position: relative;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0;}
#kinMaxShow{display:none;}
/*热门课程*/
.title_1{margin-top: 40px;text-align: center;font-size: 24px;line-height: 36px;padding-top: 45px;background: url(../images/title_1.png) top center no-repeat;}
.kc{position: relative;margin-top: 20px;padding-bottom: 80px;}
.kc_box{width: 360px;/*height: 320px;*/padding:0 20px;box-sizing: border-box;}
.kc_up{width: 360px;height: 150px;display: block!important;background: #ededed;}
.kc_up a{display: block;padding: 20px 20px 20px 85px;background: #ededed url(../images/icon_kc.png) 20px 50% no-repeat;}
.kc_up a .p1{font-size: 18px;line-height: 40px;color: #413f3f;position: relative;}
.kc_up a .p1:after{content: '';display:block;position: absolute;bottom: 0;left: 0;width: 20%;height: 1px;background-color: #666;transition: 1s}
.kc_up a .p2{font-size: 14px;line-height: 28px;color: #908f8f;}
.kc_up a:hover{background: #197fe7 url(../images/icon_kc_on.png) 20px 50% no-repeat;}
.kc_up a:hover p{color: #fff;}
.kc_up a:hover .p1:after{background-color: #fff;width: 80%;transition: 1s}
.kc_list{top: 360px;left: 580px;}
.kc_list span{margin: 0 6px;}
.swiper-pagination-bullet-active{background: #197fe7}
.kc_prev{position: absolute;width: 55px;height: 51px;top:360px;left: 400px;background:url(../images/pcl_prev.jpg) no-repeat;}
.kc_next{position: absolute;width: 55px;height: 51px;top:360px;right: 400px;background:url(../images/pcl_next.jpg) no-repeat;}
/*通栏1*/
.notice{background: url(../images/notice_1.jpg) center no-repeat;height: 152px;}
/*网络课堂*/
.box_1{width: 850px;float: left;}
.box_2{width: 320px;float: right;}
.title_2{padding-left: 50px;background: url(../images/icon_t1.jpg) 5px 50% no-repeat;}
.title_2 .p1{font-size: 18px;line-height: 30px;color: #000;font-weight: bold;}
.title_2 .p2{font-size: 12px;line-height: 20px;color: #a09f9f;text-transform: uppercase;}
.title_2 a{float: right;display: block;width: 95px;height: 30px;margin: 10px 10px 0 0;font-size: 14px;line-height: 30px;color: #fff;background-color: #197fe7;transition: 0.6s;text-align: center;}
.title_2 a:hover{background-color: #021931;transition: 0.6s;}
.block_1{margin-top: 20px;border-top: #ececec 1px solid;}
.netbox{box-sizing: border-box;width: 30%;float: left;margin-right: 5%;margin-top: 20px;}
.netbox:last-child{margin-right: 0;}
.netbox img{max-width: 100%;}
.netbox p{font-size: 16px;line-height: 48px;color: #4d4d4d;}
.netbox ul li{padding-left: 10px;background: url(../images/net_list.jpg) 1px 50% no-repeat;}
.netbox ul li a{display: block;font-size:14px;line-height: 26px;color: #656464;height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.netbox ul li a:hover{color: #197fe7;}
.netbox .a_m{font-size: 14px;line-height: 40px;color: #197fe7;}
.netbox .a_m:hover{color: #021931;}
.student ul li{padding: 20px 0;border-bottom:#ececec 1px dashed;}
.student ul li a{display: block;}
.student ul li a .stu_box{float: left;margin-right: 10px;}
.student ul li a .p1{font-size: 12px;line-height: 20px;color: #807e7e;}
.student ul li a .p2{font-size: 14px;line-height: 24px;color: #646464;font-weight: bold;}
.student ul li a .p3{font-size: 14px;line-height: 24px;color: #646464;}
.student ul li a:hover .p1,.student ul li a:hover .p2,.student ul li a:hover .p3{color: #021931!important;}
/*导师团队*/
.title_3{margin-top: 30px;text-align: center;font-size: 24px;line-height: 36px;padding-top: 45px;background: url(../images/title_2.png) top center no-repeat;color: #fff;}
.team{margin-top: 19px;}
.team_box{margin-right: 20px;box-sizing: border-box;padding-bottom: 20px;background-color: #197fe7;width: 280px!important;}
.team_box *,.team_box:hover *{transition: .6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;}
.team_box .team_pic{overflow: hidden;width: 280px;height: 195px;}
.team_box .team_pic div{transition: 1s;}
.team_box:hover .team_pic div{transform:scale(1.1,1.1);transition: 1s;}
.team_box p{text-align: center;margin: 0 25px;color: #fff;}
.team_box .p1{font-size: 18px;line-height: 46px;border-bottom:#fff 1px dashed; }
.team_box .p2{padding: 10px 0;font-size: 14px;line-height: 28px;text-align: left;}
.team_box .p3 a{padding: 10px 30px;background-color: #fff;font-size: 16px;line-height: 36px;border-radius: 10px;color: #424242;font-weight: bold;}
.team_box:hover{background-color: #fff;}
.team_box:hover p{color: #197fe7;}
.team_box:hover .p3 a{background-color: #197fe7;color: #fff;}
/*常见问题 最新动态 关于我们*/
.box_3{width: 390px;margin-right: 15px;float: left;}
.box_3:last-child{margin-right: 0;}
.title_4{padding-left: 45px;color: #fff;font-size: 14px;line-height: 40px;font-weight: bold;}
.icon_t2{background:#197fe7 url(../images/icon_t2.png) 15px 50% no-repeat;}
.icon_t3{background:#197fe7 url(../images/icon_t3.png) 15px 50% no-repeat;}
.icon_t4{background:#197fe7 url(../images/icon_t4.png) 15px 50% no-repeat;}
.title_4 a{float: right;font-size: 12px;margin-right: 20px;color: #fff;}
.title_4 a:hover{color: #021931;}
.box_4{padding: 20px;border-right: #a5a39f 1px solid;border-left: #a5a39f 1px solid;border-bottom: #a5a39f 1px solid;position: relative;}
.box_4:before{content: '';position: absolute;left: -1px;bottom: -1px;width: 15px;height: 10px;background-color: #fff;border-right: #a5a39f 1px solid;border-top: #a5a39f 1px solid;z-index: 1}
.box_4:after{content: '';position: absolute;right: -1px;bottom: -1px;width: 15px;height: 10px;background-color: #fff;border-left: #a5a39f 1px solid;border-top: #a5a39f 1px solid;z-index: 1}
.ques ul li{margin-bottom: 15px;border-bottom: #a5a39f 1px dashed;padding-bottom: 20px;}
.ques ul li:last-child{margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.ques ul li p{padding-left: 40px;}
.ques ul li .p1{font-size: 14px;line-height: 36px;color: #211e1e;background: url(../images/icon_ask.jpg) 5px 50% no-repeat;}
.ques ul li .p2{font-size: 12px;line-height: 24px;color: #5c5757;background: url(../images/icon_answer.jpg) 5px 5px no-repeat;}
.news img{max-width: 100%;}
.news ul{margin-top: 20px;}
.news ul li{padding-left: 20px;border-bottom: #a5a39f 1px dashed;background: url(../images/net_list.jpg) 5px 50% no-repeat;}
.news ul li:last-child{border-bottom: none;}
.news ul li a{font-size: 12px;line-height: 36px;color: #6d6d6d;}
.news ul li a:hover{color: #197fe7;}
.news ul li a span{float: right;margin-right: 10px;}
.about img{max-width: 100%;}
.about .p1{margin-top: 20px;font-size: 14px;line-height: 36px;font-weight: bold;color: #363132;border-bottom: #a5a39f 1px dashed;}
.about .p2{font-size: 12px;line-height: 24px;color: #929191;}
/*底部通栏*/
.foot_n ul{margin:15px 0;}
.foot_n ul li{box-sizing: border-box;width: 400px;float: left;border-right: #63a8ed 1px solid; padding: 15px 0 15px 160px;background: url(../images/foot_icon2.png) 60px 50% no-repeat;}
.foot_n ul li:first-child{background: url(../images/foot_icon1.png) 60px 50% no-repeat;}
.foot_n ul li:last-child{border-right: none;background: url(../images/foot_icon3.png) 60px 50% no-repeat;}
.foot_n ul li p{color: #fff;}
.foot_n ul li .p1{font-size: 20px;line-height: 36px;}
.foot_n ul li .p2{font-size: 14px;line-height: 24px;}
/*底部菜单*/
.foot_b1{width: 480px;float: left;border-right: #e0e0e0 1px solid;min-height: 140px;}
.foot_b1 p{padding-left: 20px;font-size: 18px;line-height: 36px;font-weight: bold;color: #323233;}
.foot_b1 ul{margin-top: 20px;}
.foot_b1 ul li{float: left;width: 25%;padding: 0 10px;box-sizing: border-box;text-align: center;}
.foot_b1 ul li a{font-size: 14px;line-height: 24px;color: #5b5656;}
.foot_b1 ul li a:hover{color: #197fe7;}
.foot_b2{width:300px;float: right;}
.foot_b2 img{float: left;margin-right: 10px;}
.foot_b2 p{margin-top: 40px;font-size: 14px;line-height: 24px;color: #5b5656}
.foot_b3{width: 240px;float: right;}
.foot_b3 .p1{font-size: 18px;line-height: 36px;font-weight: bold;color: #323233;}
.foot_b3 .p2{font-size: 24px;line-height: 40px;font-weight: bold;color: #323233;}
.foot_b3 .p3{font-size: 14px;line-height: 24px;color: #838383;margin-bottom: 10px;}
.foot_b3 a{font-size: 14px;line-height: 34px;padding: 10px 20px;color: #fff;background-color: #197fe7;}
.foot_b3 a:hover{background-color: #021931;}
/*友情链接*/
.link{text-align: center;font-size: 18px;line-height: 30px;color: #5b5656;padding: 0 20px;}
.link a{font-size: 14px;line-height: 30px;color: #5b5656;padding: 0 8px;}
.link a:hover{color: #197fe7}
/*foot*/
.foot p{font-size: 14px;line-height: 24px;color: #5b5656;text-align: center;}
.foot p a{color: #197fe7;}
/*浮动客服*/
#floatDivBoxs{width:200px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#0051a4;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{border-bottom:1px solid #e3e3e3;}
#floatDivBoxs .floatDqq li a{line-height:40px;font-size:16px;}
#floatDivBoxs .floatDqq li a img {margin: 10px; float: left;}
#floatDivBoxs .txt{font-size:18px;color:#333;padding:6px 14px; line-height: 30px;}
#floatDivBoxs .floattel p{font-size: 18px;font-weight: bold; text-align: center;margin-bottom: 5px;}
#floatDivBoxs .address{width: 160px;margin: 0 auto}
#floatDivBoxs .address p{text-align: left;font-size: 14px;margin-bottom: 5px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:200px;z-index:999;}
#rightArrow a{display:block;height:45px;}
/*left*/
.left_box{ width:280px; overflow:hidden;}
.left_t{font-size:24px; line-height:75px; font-weight: bold;text-align: left; color:#fff;background:#197fe7 url(../images/left_t.png) 40px 50% no-repeat;padding-left: 80px;}
.left_box .left_u{padding: 10px 5px 30px;border-right: #a5a39f 1px solid;border-left: #a5a39f 1px solid;border-bottom: #a5a39f 1px solid;position: relative;}
.left_box .left_u:before{content: '';position: absolute;left: -1px;bottom: -1px;width: 15px;height: 10px;background-color: #fff;border-right: #a5a39f 1px solid;border-top: #a5a39f 1px solid;z-index: 1}
.left_box .left_u:after{content: '';position: absolute;right: -1px;bottom: -1px;width: 15px;height: 10px;background-color: #fff;border-left: #a5a39f 1px solid;border-top: #a5a39f 1px solid;z-index: 1}
.left_box .left_u li{margin: 5px 0;border:#dfdfdf 1px solid;padding: 5px;}
.left_box .left_u li a{display:block;line-height:40px; font-size:18px; color:#fff;background-color: #197fe7;background-image: url(../images/left_l.png);background-position: center;background-repeat: no-repeat;padding: 0 60px;}
.left_box .left_u li a:hover{ background-color: #021931; }
/*详情页面*/
.all{ float:right; width:900px;}
.all_t{background: url(../images/icon_t1.jpg) 5px 50% no-repeat;padding: 10px 0 10px 50px;border-bottom: #ececec 1px solid;min-height: 50px;}
.all_t .p1{font-size: 18px;line-height: 30px;color: #000;font-weight: bold;}
.all_t .p2{font-size: 12px;line-height: 20px;color: #a09f9f;text-transform: uppercase;}
.postion{line-height:50px; font-size:14px; color:#686868;float: right;margin-right: 10px; }
.postion a{padding: 0 5px;}
.postion a:hover{color: #021931}
.all_box{margin-top: 2px; padding:20px;border: #ececec 1px solid;background: #fff; font-size:14px; line-height:24px;min-height:500px;_height:500px;}
.news_top p{text-align: center;font-size: 30px;line-height: 48px;color: #3f3f3f;font-weight: bold;margin-bottom: 10px}
.news_t .p1{text-align: center;font-size: 26px;line-height: 36px;color: #cd2324;font-weight: bold;}
.news_t .p2{text-align: center;font-size: 16px;line-height: 30px;color: #3f3f3f}
.news_t .p2 a{padding: 0 10px;color: #3f3f3f;}
.news_t .p2 a:hover{color: #cd2324}
.news_box_in ul{margin-top: 20px;}
.news_box_in ul li *{transition: .2s;}
.news_box_in ul li a{display:block; padding:10px 20px; background:#fff url(../images/news_list_more.png) right 20px center no-repeat; }
.news_box_in ul li a .pt{ color:#000; font-weight:bold; font-size:16px; line-height:30px;}
.news_box_in ul li a .pc{ color:#000; font-size:14px; line-height:30px;}
.news_box_in ul li a:hover{ background:#197fe7 url(../images/news_list_more_hov.png) right 20px center no-repeat;}
.news_box_in ul li a:hover .pt{ color:#fff;}
.news_box_in ul li a:hover .pc{ color:#fff;}
.news_box_in ul li .newsTime{ padding:0 30px 0 0; color:#444;line-height: 30px; text-align:center; overflow:hidden;}
.news_box_in ul li .newsTime strong{ font-size:36px; line-height:50px;}
.news_box_in ul li .newsTime .p12{ display:block; border-top:solid #444 1px; font-size:14px; color:#444;}
.news_box_in ul li a:hover .newsTime{ color:#fff;}
.news_box_in ul li a:hover .newsTime .p12{border-top:solid #fff 1px;color:#fff;}
.newsTitle{ color:#021931; text-align:center;}
.kuozhan .title span{ background: #cd2324; }
.plist li{ float:left; margin:0 10px 20px 10px;}
.plist li a{ display:block; background:#efefef;}
.plist li a div{width:270px;height:240px;}
.plist li a p{ text-align:center; font-size:14px; line-height:40px; color:#1e1e1e;background:#cd2324;color: #fff; }
.plist li a:hover p{ background:#cd2324;color: #fff;}
.title_p p{text-align: center;}
.title_p .p1{font-size: 28px;line-height: 36px;color: #000;font-weight: bold;background: url(../images/title_p.png) center no-repeat;}
.title_p .p2{font-size: 12px;line-height: 24px;color: #b3b3b3;}
.title_p .p3{margin-top: 20px;}
.title_p .p3 a{background-color: #fff;font-size: 16px;color: #222222;line-height: 40px;padding: 5px 30px;border-color:#b3b3b3;border-width: 4px;border-style: double;margin: 0 20px;}
.title_p .p3 a:hover{background-color: #ee1a22;color: #fff;border-color: #ee1a22;}
.pro_box_in ul li{float:left; margin-right: 25px;margin-bottom: 30px;}
.pro_box_in ul li:nth-child(3n){margin-right: 0;}
.pro_box_in ul li a{ display:block; }
.pro_box_in ul li a .pic_box{width:266px;height:240;overflow: hidden; }
.pro_box_in ul li a .pic_box div{transition: .6s;}
.pro_box_in ul li a:hover .pic_box div{transform: scale(1.1,1.1);transition: .6s;}
.pro_box_in ul li a p{ text-align:center; font-size:16px; line-height:50px; background: #197fe7;color: #fff;transition: .6s; }
.pro_box_in ul li a:hover p{ background: #021931;transition: .6s;}
.formitm{ padding:10px 0; clear:both;}
.formitm .lab{ display:block; float:left; font-size:16px; line-height:30px; width:100px; height:30px; text-align:left;}
.formitm .ipt{ width:400px; float:left;}
.formitm .ipt img{ margin-left:20px;}
.formitm .ipt input.u-ipt{ width:360px; height:30px; border:solid #ddd 1px; background:#fff; padding:0;}
.formitm .ipt input.checkCode{ width:180px; height:30px; border:0; background:#fff; padding:0;}
.formitm .ipt .u_textarea{ width:360px; height:108px; border:solid #ddd 1px;}
.formitm .ipt input.checkCode{ width:80px; height:22px; border:solid #ddd 1px; background:#fff; padding:0;}
.formitm .submit{ margin-left:100px; width:120px; height:36px; border-radius:5px; background:#26c48b; color:#fff; font-size:14px; text-align:center; line-height:36px; box-shadow:none;}
.formitm .reset{ margin-left:50px; width:120px; height:36px; border-radius:5px; background:#26c48b; color:#fff; font-size:14px; text-align:center; line-height:36px; box-shadow:none;}
#guestbook_form{ margin:0 auto;}
.tag a{padding: 0 3px;}
/*中间出现*/
.dm1{animation:atop 2s;-moz-animation:atop 2s;-webkit-animation: atop 2s;-o-animation:atop 2s; opacity: 1;}
/*转圈动作*/
.dm2{animation: circle 2s;-moz-animation: circle 2s;-webkit-animation: circle 2s;-o-animation: circle 2s; opacity: 1;}
/*水平旋转*/
.dm3{animation:wrimg 2s;-moz-animation:wrimg 2s;-webkit-animation: wrimg 2s;-o-animation:wrimg 2s; opacity: 1;}
/*从中间出现动作*/
@keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}
@-moz-keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}
@-webkit-keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}
@-o-keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}
/*从中间出现动作结束*/
/*转圈动作开始*/
@keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}
@-moz-keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}
@-webkit-keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}
@-o-keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}
/*转圈动作开始*/
/*水平旋转动作开始*/
@keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}
@-moz-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}
@-webkit-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}
@-o-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}
/*旋转动作结束*/
.swiper-container{ height:100%; width: 100%; }
.fr{ float:right;}
.fl{ float:left;}
.pos_rel{position: relative;}
.clear{ clear:both; overflow:hidden;}